﻿
@{

    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    body {

        background: url('@Url.Content("~/Content/bg2blur.jpg")');


    }

    .login input[type=text]{
	width: 250px;
	height: 30px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
    margin-left: 5px;
}

    .login input[type=password]{
	width: 250px;
	height: 30px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;
    margin-left: 5px;
}

.login input[type=submit]{
	width: 250px;
	height: 30px;
	background: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 0px;
	margin-top: 10px;
    margin-left: 5px;
}
    .login input[type=submit]:hover{
	opacity: 0.8;
}

.login input[type=submit]:active{
	opacity: 0.6;
}

.login input[type=text]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=password]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=submit]:focus{
	outline: none;
}

::-webkit-input-placeholder{
   color: rgba(255,255,255,0.6);
}

::-moz-input-placeholder{
   color: rgba(255,255,255,0.6);
}

footer {
    color: white;
    }

  .navbar .nav > li > a {
    float: none;
    color: #FFF;
    background: transparent;
    font-size: 18px;

}
.navbar .nav > li > a:hover {
    float: none;
    color: #9397a0;

}

    .navbar .nav > li > a:visited {
    float: none;
    color: #fff;

}

</style>

<div class="row">


    <div class="spacer15"></div>
    <div class="loginheader col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div>Login and Serve<span></span></div>
    </div>

</div>


<div class="row">

    <div class="spacer1"></div>
    <div class="loginheaderlower col-lg-12 col-md-12 col-sm-12 col-xs-12  ">
        <div>Manage your New Hope Volunteer Account</div>
    </div>

</div>



@using (Html.BeginForm("ProcessingLogin", "Security"))
{
    @Html.AntiForgeryToken()
    <div class="spacer8"></div>
    <div class="row">

        <div class="login col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
            <span class="loginbag">@Html.Raw(ViewBag.Message)</span><br>
            <span class="loginbag">@Html.Raw(ViewBag.Login)</span><br>
            <div class="spacer1"></div>
           
            <input type="text" placeholder="Serve ID" name="username"><br>

            <input type="password" placeholder="Password" name="password"><br>

            <input type="submit" value="Login">


        </div>
    </div>

    

}
@using (Html.BeginForm("ForgotPW", "Security"))
{


<div class="row">

    <div class="login col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
        <input type="submit" value="Forgot Password">


    </div>
</div>


}

